@import './common.scss';
@import './header.scss';
@import './footer.scss';
@import './shopcar.scss';

$color-y:#F4D526;
//header style

.banner{
	width: 1200px !important;
	height: 430px;
	margin: 16px auto 0;
	margin-top: 16px;
	overflow: hidden;
	img{
		width: 1200px;
		height: 445px;
	}
	
}
.swiper-pagination-custom {
	bottom: 5%;
	left: 40%;
	width:200px;
	height: 20px;
	}
	/*自定义分页器的样式，这个你自己想要什么样子自己写*/
	.swiper-pagination-customs {
	width: 26px;
	height: 5px;
	margin-left: 5px;
	display:inline-block;
	background:#d2d2d2;
	opacity: .3;
	margin: 0 5px;
	outline: 0;
	}
	/*自定义分页器激活时的样式表现*/
	.swiper-pagination-customs-active {
	opacity: 1;
	background-color:lightskyblue;
	}

.shophead{
	margin: 50px 0 4px !important;
}
.a-t{
			color:$color-y;
		}
.shopList{
	width: 1200px;
	overflow: hidden;
	.shopArea-head{
		font-size: 24px;
		
		.more{
			float: right;
			font-size: 14px;
			color: #000;
			margin-right: 10px;
			margin-top: 14px;
		}
		
	}
	.shop-bg{
			
			height: 4px;
			width: 1200px;
			padding: 0;
			overflow: hidden;
		}
	.bg-y{background-color:$color-y;}
}
.shop-left{
	float: left;
	overflow: hidden;
	position: relative;
    width: 240px;
    background: #e5ebeb;
    overflow: hidden;
	height: 682px;
	.floor-banner{
		position: absolute;
		height: 713px;
	}
}
.shop-navbox{
	margin-top: 30px;
	position: absolute;
    z-index: 99;
    left: 0;
	top: 0;
	li{
		width: 100px;
		float: left;
		text-align: center;
		margin: 20px 0 0 10px;
		cursor: pointer;
	}
}
.shop-list{
	width: 1200px;
	overflow: hidden;
}
.shop-right{
	.shop-product{
		width: 236px;
		height: 341px;
		float: left;
		border-bottom: 1px solid #d2d2d2;
		border-right: 1px solid #d2d2d2;
		background-color: #ffffff;
		a{
			display: block;
			margin-top: 22px;
			width: 238px;
			height: 210px;
			text-align: center;
			img{
				width: 210px;
				height: 210px;
			}
		}
		.shop-t{
			margin-top: 30px;
			text-align: center;
			height: 46px;
			font-size: 14px;
		}
		.shop-p{
			width: 210px;
			margin: 0 auto;
			color: #e63131;
			font-size: 18px;
		}
	}

}
$color-g:#97D054;
$color-p:#FF8AA8;
.heath-t{
	color: $color-g;
}
.bg-g{
	background-color:$color-g ;
}
.baby-t{
	color: $color-p;
}
.bg-p{
	background-color:$color-p ;
}


